<!--DOCTYPE 表明当前网页是支持html5的版本
现在正式的html版本是第五版  H5-->
<!DOCTYPE html>
<!--language 语言 english英文-->
<!--网页的主体架构语言为英文-->
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>常用的选择器</title>
    <!--CSS样式-->
    <style>
        p{
            /*p标签其实是一个选择器：目的是选择某些标签来修改属性*/
            color: red;
        }
        /*选择器的样式可以有很多种*/
        /*通过标签名称作为选择器，找到父元素标签中的
        第几个标签*/
        p:nth-child(2){
            font-size: 30px;
        }
        /*父元素中的第几个p标签（只找属于p的标签)*/
        p:nth-of-type(2){
            color: yellow;
        }
       .color{
           color:green;
       }
    </style>
</head>
<body>
    <!--span标签没有特殊用途-->
    <span>我是一个span</span>
    <!--段落标签-->
    <p>这是一个段落标签：今天冷啊！</p>
    <p>这是第二个段落标签</p>
    <!--标签分为行内元素（多个标签在一行中）
    还有另外一种是块元素-->
    <p class="color">这是一个带class的段落</p>
</body>
</html>
<!--开发的时候是借助html以及CSS来填充
内容（body)和对应的网页样式布局（head>style)-->